.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.all_order>ul,.all_order>div{
    width: 100%;
    margin: 0px auto;
    padding: 20px 0px;
}
.all_order .MemTop{
    text-align: center;
    color: #fff;
    background: #424141;
}
.Memlevel{
    width: 20%;
    text-align: center;
}
.Memint{
    width: 35%;
}
.Memsur{
    width: 44%;
}
.MemTop li{
    border-right: 1px solid #b9b9b9;
    float: left;
    height: 55px;
}
.MemTop li:last-child{
    border: 0;
}
.Memlevel span,.Midplan  li span{
    background: #fff;
    display: inline-block;
    border: 1px solid #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.Memlevel span b,.Memsur span{
    line-height: 50px;
}
.myIntegral{
    display: inline-block;
}
.myIntegral>span{
    float: left;
}
.fontBlod{
    font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";
}
.Memlevel span b{
    color: #444444;
    font-size: 30px;
}
#myMember .MemMid{
    padding-bottom: 30px;
    padding-top: 10px;
}
.MidUpgrade{
    font-size: 18px;
}
.MidTitle{
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    padding-left: 20px;
}
.MidUpgrade{
    width: 50%;
    text-align: center;
    height: 30px;
    margin: 0px auto;
    line-height: 30px;
    margin-top: 5px;
    margin-bottom: 30px;
    padding: 0;
}
.Midplan{
    width: 630px;
    height: 20px;
    background: #f2f2f2;
    margin:0px auto;
    position: relative;
}
.bar{
    position: absolute;
    background:  #ffb853;
    height: 20px;
    margin: 0 auto;
    display: inline-block;
    float: left;
    top: 10px;
    left: 15px;
}

.Midplan li{
    float: left;
    margin-top: -10px;
    z-index: 1000;
    line-height: 45px;
    position: relative;
}
.Midplan li:last-child{
    width: 0px;
    margin-left: 10px;
}
.Midplan li .bar{
    display: none;
}
.Midplan li:nth-child(1){
    margin-left: -15px;
}
.Midplan li:nth-child(1) span{
    background: #feb753;
    border: 1px solid #feb753;
    color: #fcfcfc;
    margin-left: -20px;
}
.Midplan li span{
    width: 45px;
    height: 45px;
    background: #f2f2f2;
    border: 1px solid #f2f2f2;
    color: #000;
    position: relative;
    z-index: 1;
    text-align: center;
    top: -5px;
}
.Midplan li span.active{
    background: #feb753;
    border: 1px solid #feb753;
    color: #fcfcfc;
}
.progress-value {
    display: block;
    padding: 3px 7px;
    color: #fff;
    border-radius: 4px;
    background: #191919;
    position: absolute;
    top: -25px;
    right: -30px;
}
.fa-flag{
    background: #ffb853;
}
table{
    width: 95%;
    margin: 0 auto;
}
table thead th {
    font-weight: normal;
    background: rgb(242, 242, 242);
    color: #000;
    padding: 10px 10px;
    text-align: center;
    border-right: 1px solid #fff;
}
table tbody tr td {
    font-weight: normal;
    color: #000;
    padding: 10px 10px;
    text-align: center;
}
table tbody tr td:last-child{
    text-align: left;
}
table tbody tr td span{
    margin-left: 45px;
}
table thead th:last-child{
    text-align: left;
}
table tbody tr td span:first-child{
    margin-left: 0px!important;
}
table tbody tr td:first-child{
    font-size: 18px;
}
.fa{
    font-size: 22px;
}
.fa-check-circle{
    color: #00b200;
}
.fa-times-circle{
    color: red;
}
.bar.active{

    animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s;
}
.li-plan p{
    position: absolute;
    left: 15px;
}
.li-plan:first-child p{
    left: -8px;
}
.li-plan .fontBlod{
    font-size: 16px;
}
@-webkit-keyframes animate-positive{
    0% { width: 0; }
}
@keyframes animate-positive{
    0% { width: 0; }
}